<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>平台功能</title>
    <link rel='stylesheet' href='css/subpage.css'>
    <link rel="stylesheet" href="css/nav.css">
</head>
<body>
    <div id="container">
        <div id="sub_func">
            <div class="div_daohang">
                <div style="height: 10px;"></div>
                <div class="menu">
                    <div class="center">
                        <ul class="ul-list">
                            <li><a href="./index.html">首页</a></li>
                            <li><a href="./synopsis.html">舆情简介</a></li>
                            <li><a href="./function.html">平台功能</a></li>
                            <li><a href="./analysis.html">数据分析</a></li>
                            <li><a href="./webspider.html">网络爬虫</a></li>
                            <li><a href="./earlywarning.html">舆情预警</a></li>
                            <li><a href="./report.php">舆情报告</a></li>
                            <li><a href="./contact.php">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="none_h"></div>
            <div id="func_subleft">
                <ul>
                    <li type="disc"><a href="#sjfx" class="a_lift">事件分析</a></li>
                    <li type="disc"><a href="#gxfx" class="a_lift">关系分析</a></li>
                </ul>
            </div>
            <div id="func_none_s"></div>
            <div id="func_subright">
                <p class="font_subpa">当前所在位置：&nbsp;&nbsp;<a href="index.html" class="font_subpa">首页</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a href="./function.html" class="font_subpa">平台功能</a></p>
                <hr color="#e8e8e8" width="780px">
                <script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
                <div id="func_moku1">
                    <div class="func_moku_top">
                        <div class="mk_l">
                            <h2 class="font_h2" id="sjfx">事件分析</h2>
                        </div>
                        <div class="mk_r">
                            <hr color="#e8e8e8">
                        </div>
                        <p class="font_p">&nbsp;&nbsp;突发事件不外乎有以下几种：自然灾害、社会灾难、战争、动乱和偶发事件等等。互联网信息监控分析系统主要是针对互联网信息进行突发事件监听与分析。对热点信息的倾向分析与趁势分析，以监听信息的突发性。</p>
                    </div>
                    <div id="func_moku1_body"></div>
                    <script type="text/javascript">
                        var myChart = echarts.init(document.getElementById('func_moku1_body'));
                        
                        option = {
                            title : {
                                text: 'Event River',
                                subtext: '热门事件'
                            },
                            tooltip : {
                                trigger: 'item',
                                enterable: true
                            },
                            legend: {
                                data:['政治事件', '科技事件']
                            },
                            toolbox: {
                                show : true,
                                feature : {
                                    mark : {show: true},
                                    restore : {show: true},
                                    saveAsImage : {show: true}
                                }
                            },
                            xAxis : [
                                {
                                    type : 'time',
                                    boundaryGap: [0.05,0.1]
                                }
                            ],
                            series : [
                                {
                                    "name": "政治事件", 
                                    "type": "eventRiver", 
                                    "weight": 123, 
                                    "data": [
                                        {
                                            "name": "00后新兵授枪仪式", 
                                            "weight": 123, 
                                            "evolution": [
                                                {
                                                    "time": "2021-05-02", 
                                                    "value": 14, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-05-03", 
                                                    "value": 34, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-05-04", 
                                                    "value": 60, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-05-06", 
                                                    "value": 40, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-05-7", 
                                                    "value": 10, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }
                                            ]
                                        }, 
                                        {
                                            "name": "觉醒年代！", 
                                            "weight": 123, 
                                            "evolution": [
                                                {
                                                    "time": "2021-05-11", 
                                                    "value": 10, 
                                                    "detail": {
                                                        "link": "www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-05-12", 
                                                    "value": 34, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-05-13", 
                                                    "value": 40, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-05-14", 
                                                    "value": 10, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }
                                            ]
                                        }, 
                                        {
                                            "name": "华为HarmonyOS", 
                                            "weight": 123, 
                                            "evolution": [
                                                {
                                                    "time": "2021-04-16", 
                                                    "value": 24, 
                                                    "detail": {
                                                        "link": "www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-04-17", 
                                                    "value": 34, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-04-18", 
                                                    "value": 50, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-04-19", 
                                                    "value": 30, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-04-20", 
                                                    "value": 20, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }
                                            ]
                                        }
                                    ]
                                }, 
                                {
                                    "name": "科技事件", 
                                    "type": "eventRiver", 
                                    "weight": 123, 
                                    "data": [
                                        {
                                            "name": "这是中国科学家入党的初心", 
                                            "weight": 123, 
                                            "evolution": [
                                                {
                                                    "time": "2021-05-25", 
                                                    "value": 14, 
                                                    "detail": {
                                                        "link": "www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-06-03", 
                                                    "value": 34, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-06-04", 
                                                    "value": 60, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-06-05", 
                                                    "value": 40, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-06-06", 
                                                    "value": 20, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }
                                            ]
                                        }, 
                                        {
                                            "name": "2021高考", 
                                            "weight": 123, 
                                            "evolution": [
                                                {
                                                    "time": "2021-06-06", 
                                                    "value": 4, 
                                                    "detail": {
                                                        "link": "www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-06-07", 
                                                    "value": 14, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-06-08", 
                                                    "value": 30, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-06-09", 
                                                    "value": 20, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-06-10", 
                                                    "value": 10, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }
                                            ]
                                        }, 
                                        {
                                            "name": "神州十二号载人航天计划", 
                                            "weight": 123, 
                                            "evolution": [
                                                {
                                                    "time": "2021-05-20", 
                                                    "value": 4, 
                                                    "detail": {
                                                        "link": "www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-05-21", 
                                                    "value": 24, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-05-22", 
                                                    "value": 40, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-05-23", 
                                                    "value": 20, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-05-24", 
                                                    "value": 15, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }, 
                                                {
                                                    "time": "2021-05-25", 
                                                    "value": 10, 
                                                    "detail": {
                                                        "link": "http://www.baidu.com", 
                                                        "text": "百度指数"
                                                    }
                                                }
                                            ]
                                        }
                                    ]
                                }
                            ]
                        };

                        myChart.setOption(option); 
                    </script>
                </div>
                <div id="func_moku2">
                    <div class="func_moku_top">
                        <div class="mk_l">
                            <h2 class="font_h2" id="gxfx">关系分析</h2>
                        </div>
                        <div class="mk_r">
                            <hr color="#e8e8e8">
                        </div>
                        <p class="font_p">&nbsp;&nbsp;通过图表展示监控词汇的近似关系词，并通过这些关系词形成逻辑关系图，在图中展示了各个事件之间的逻辑关系，分析各个事件之间存在的逻辑关系。</p>
                    </div>
                    <div id="func_moku2_body"></div>
                    <script type="text/javascript">
                        var myChart = echarts.init(document.getElementById('func_moku2_body'));

                        var nodes = [];
                        var links = [];
                        var constMaxDepth = 2;
                        var constMaxChildren = 7;
                        var constMinChildren = 4;
                        var constMaxRadius = 10;
                        var constMinRadius = 2;

                        function rangeRandom(min, max) {
                            return Math.random() * (max - min) + min;
                        }

                        function createRandomNode(depth) {
                            var node = {
                                name : 'NODE_' + nodes.length,
                                value : rangeRandom(constMinRadius, constMaxRadius),
                                // Custom properties
                                id : nodes.length,
                                depth : depth,
                                category : depth === constMaxDepth ? 0 : 1
                            }
                            nodes.push(node);

                            return node;
                        }

                        function forceMockThreeData() {
                            var depth = 0;
                            var rootNode = {
                                name : 'ROOT',
                                value : rangeRandom(constMinRadius, constMaxRadius),
                                // Custom properties
                                id : 0,
                                depth : 0,
                                category : 2
                            }
                            nodes.push(rootNode);

                            function mock(parentNode, depth) {
                                var nChildren = Math.round(rangeRandom(constMinChildren, constMaxChildren));
                                
                                for (var i = 0; i < nChildren; i++) {
                                    var childNode = createRandomNode(depth);
                                    links.push({
                                        source : parentNode.id,
                                        target : childNode.id,
                                        weight : 1 
                                    });
                                    if (depth < constMaxDepth) {
                                        mock(childNode, depth + 1);
                                    }
                                }
                            }

                            mock(rootNode, 0);
                        }

                        forceMockThreeData();

                        option = {
                            title : {
                                text: 'Event',
                                subtext: 'Event-relation tree',
                                x:'right',
                                y:'bottom'
                            },
                            tooltip : {
                                trigger: 'item',
                                formatter: '{a} : {b}'
                            },
                            toolbox: {
                                show : true,
                                feature : {
                                    restore : {show: true},
                                    magicType: {show: true, type: ['Event', 'chord']},
                                    saveAsImage : {show: true}
                                }
                            },
                            legend: {
                                x: 'left',
                                data:['叶子节点','非叶子节点', '根节点']
                            },
                            series : [
                                {
                                    type:'force',
                                    name : "Event tree",
                                    ribbonType: false,
                                    categories : [
                                        {
                                            name: '叶子节点'
                                        },
                                        {
                                            name: '非叶子节点'
                                        },
                                        {
                                            name: '根节点'
                                        }
                                    ],
                                    itemStyle: {
                                        normal: {
                                            label: {
                                                show: false
                                            },
                                            nodeStyle : {
                                                brushType : 'both',
                                                borderColor : 'rgba(255,215,0,0.6)',
                                                borderWidth : 1
                                            }
                                        }
                                    },
                                    minRadius : constMinRadius,
                                    maxRadius : constMaxRadius,
                                    coolDown: 0.995,
                                    steps: 10,
                                    nodes : nodes,
                                    links : links,
                                    steps: 1
                                }
                            ]
                        };

                        myChart.setOption(option); 
                    </script>
                </div>
            </div>
        </div>
    </div>
    
</body>
</html>